export default config => {
	return `
<template>
    <div :class="[b(), className]" :style="styleSizeName" ref="main">
        <div :style="glassStyle"></div>
    </div>
</template>

<script>
import create from "../../create";
export default create({
    name: '${config.compName}',
    props: {
        option: {
            type: Object,
            default: () => {
                return {};
            }
        }
    },
    computed: {
        glassStyle() {
            return {
                backgroundColor: this.option.color,
                backdropFilter: "'blur(' + this.option.blur + 'px')",
                borderRadius: this.option.borderRadius+"px",
                height: "100%",
                width: "100%"
            };
        }
    },
    mounted() {}
});
</script>
	`;
};
